<template>
  <div id="app">
    <span  v-for="(item,index) in arr" :key="index"> <input type="checkbox" v-model="item.c" value="drink"><span>{{item.name}}</span></span>
  
    
      
      <ul>
        <li  v-for="(item,index) in arr" :key="index" v-show=item.c ><input type="checkbox" v-model="item.c" ><span>{{item.name}}</span></li>
      </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
     arr:[{
      name:"科幻",
      c:false
     },{
      name:"喜剧",
      c:false
     },
     {
      name:"动漫",
      c:false
     },
     {
      name:"冒险",
      c:false
     },{
      name:"科技",
      c:false
     },{
      name:"军事",
      c:false
     },
     {
      name:"娱乐",
      c:false
     },
     {
      name:"奇闻",
      c:false
     }
     ],
     
     

    }
  }
}
</script>

<style >

</style>